*{
	margin: 0;
	padding: 0;
}

html,body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

img{
	display: block;
}

.container{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.img-view-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: -1;
}

.img-view-bg img{
	display: none;
	width: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: -1;
}

.img-view-zhubo{
	width: 36%;
	margin-top: 4%;
	margin-left: 2%;
}

.img-return-btn{
	width: 20%;
	position: absolute;
	top:2%;
	left: 78%;
}

.img-view-majia{
	width: 96%;
	margin-top:2%;
	margin-left: 2%;
}

.img-view-topic{
	width: 48%;
    margin-top: 90%;
    margin-left: 4%;
    display: block;
}

.ipt-barrage{
	width: 48%;
	height: 6vw;
	margin-top: 4%;
	margin-left: 4%;
	display: block;
	border: 2px solid #ddd;
	border-radius: 16px;
	float: left;
	text-align: center;
	margin-bottom: 2%;

}

.img-send-btn{
	height: 6vw;
	margin-left: 4%;
	margin-top: 4%;
	display: block;
	float: left;
	margin-bottom: 2%;

}

.img-share-btn{
	height: 6vw;
	margin-left: 2%;
	margin-top: 4%;
	display: block;
	float: left;
	margin-bottom: 2%;
}

.barrage-content{
	width: 50%;
	background-color: rgba(255,155,0,0.5);
	position: absolute;
	z-index: 1;
	top:48%;
	left: -90%;
	border-radius: 16px;
	color: white;
	font-size: 16px;
	text-align: center;
}

.all-barrage{
	width: 50%;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	z-index: 1;
	top:16%;
	left: -90%;
	border-radius: 16px;
	color: #ddd;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	line-height: 18px;
}

.barrage-move{
	animation:barragemove 5s linear;
	-webkit-animation:barragemove 5s linear; /*Safari and Chrome*/
}

@keyframes barragemove{
	from{left:60%;}
	to{left: -50%;}
}

@-webkit-keyframes barragemove{
	from{left:60%;}
	to{left: -50%;}
}

.zhubo-show{
	position: absolute;
	background-color: black;
	opacity: 0.9;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: none;
}

.zhubo-intro{
	position: absolute;
	width: 90%;
	left: 5%;
	top: 10%;
	z-index: 2;
}

.attention-btn{
	position: absolute;
	width: 80%;
	left: 10%;
	top: 62%;
	z-index: 2;
}

.close-btn{
	position: absolute;
	width: 14%;
	left: 43%;
	top:86%;
	z-index: 3;
}
.show-comment{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 3;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.7);
	display: none;
}
.share-comment{
	position: fixed;
	width: 100%;
	z-index: 3;
	top: 0;
	left: 0;
}
/*.zhanwei{
	clear: both;
	width: 100%;
	height: 10px;
	margin-top: 5px;
	background-color: transparent;
}*/